<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="description" content="Desenvolvemos e fabricamos tudo para garantir o bem estar do seu companheiro pet.">
    <meta name="keywords" content="kade,cade,meu,bicho,loja,animal,cachorro,gato,venda,brinquedo,cama,artigo,acessorio,toca,pet,estimacao" />
    <link rel="icon" href="/Content/images/favicon.png" type="image/png" />
    <link rel="canonical" href="http://www.kademeubicho.com.br/" />
    <meta name="reply-to" content="contato@kademeubicho.com.br" />
    <title>Miriam Martins</title>

    <!--[if lte IE 8]>
    <link href="/Content/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
    <script>
        var htmlshim='abbr,article,aside,audio,canvas,details,figcaption,figure,footer,header,mark,meter,nav,output,progress,section,summary,time,video'.split(',');
        var htmlshimtotal=htmlshim.length;
        for(var i=0;i<htmlshimtotal;i++) document.createElement(htmlshim[i]);
    </script>
    <![endif]-->

    <!-- CCS INCLUDES -->
    <link href="/css/style.css" rel="stylesheet" type="text/css" />
    <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>

    <!--  INCLUDE SCRIPTS JS  -->
    <script src="/js/jquery.js"></script>
    <script src="/js/masks"></script>

    <!-- TWITTER -->
    <script>
        !function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } } (document, "script", "twitter-wjs");
    </script>
    <!-- FACEBOOK -->
    <script>
        (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); } (document, 'script', 'facebook-jssdk'));
    </script>

</head>

<body>
    <header>
        <p class="logo-name">Miriam Martins</p>
        <!--  MENU  -->
        <nav class="nav-menu">

            <a href="javascript:void();" title="Abrir Menu" class="icon-open-menu">
                <img src="/css/images/icon-menu-responsive.png" width="20" height="17" alt="Icone Menu" title="Abrir Menu"/>
            </a>

            <!-- DESKTOP/IPAD MENU -->
            <ul class="menu">
                <li class="menu-item ativo">
                    <a href="javascript:void();" title="Home">Home</a>
                </li>
                <li class="menu-item">
                    <a href="javascript:void();" title="Empresa">Empresa</a>
                </li>
                <li class="menu-item">
                    <a href="javascript:void();" title="Produtos">Produtos</a>
                </li>
                <li class="menu-item">
                    <a href="javascript:void();" title="Contato">Contato</a>
                </li>
                <li class="menu-item">
                    <a href="javascript:void();" title="Localização">Localização</a>
                </li>
            </ul>
        </nav>
        <hr>
    </header>

    <!-- PAGE CONTENT -->
    <section class="main">
        <?php echo $this->layout()->content; ?>
    </section>

    <!-- FOOTER -->
    <footer></footer>
<!--    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>-->
    <script>
        $(document).ready(function(){

            /** CLICK ICON-MENU-RESPONSIVE **/
            $('.icon-open-menu').click(function(e){
                if($('.menu').is(':visible')) {
                    $('.menu').slideUp(500);
                } else {
                    $('.menu').slideDown(500);
                }
            });

            /** VERIFY WINDOW WIDTH **/
            $(window).scroll(function(){
                if($(this).scrollTop() >= 200) {
                    $('header').stop().animate({top: -80}, 500);
                } else {
                    $('header').stop().animate({top: 0}, 500);
                }
            });

            $(window).resize(function(){
                if(window.innerWidth > 542) {
                    if(!$('.menu').is(':visible')) {
                        $('.menu').removeAttr('style');
                    }
                }
            });
        });
    </script>
</body>

</html>